* {
    margin: 0;
    padding: 0;
}

i {
    font-style: normal;
}

.box {
    position: relative;
}

.box img {

    height: auto;
    width: auto\9;
    width: 100%;
}

.uname {
    position: absolute;
    top: 5.23vw;
    letter-spacing: 0.391vw;
    left: 5.7vw;
    font-size: 5.1vw;
}

.ban {
    position: absolute;
    top: 64.03vw;
    letter-spacing: 0.191vw;
    left: 8vw;
    font-size: 4.4vw;
}

.day {
    position: absolute;
    top: 137.03vw;

    letter-spacing: 0.2vw;
    left: 11vw;
    font-size: 4.5vw;
}

.time {
    position: absolute;
    top: 146.73vw;

    letter-spacing: 0.2vw;
    left: 15.9vw;
    color: #b4b5b4;
    font-size: 3.5vw;
}

.time1 {
    position: absolute;
    top: 154.73vw;
    letter-spacing: 0.2vw;
    left: 15.9vw;
    color: #b4b5b4;
    font-size: 3.5vw;
}

.lou {
    position: absolute;
    top: 179.33vw;
    letter-spacing: 0.2vw;
    left: 7.9vw;
    font-size: 4.4vw;
}

.hao {
    position: absolute;
    top: 196.23vw;
    letter-spacing: 0.13vw;
    left: 7.6vw;
    font-size: 4.4vw;

}

.fname {
    position: absolute;
    top: 280.53vw;

    letter-spacing: 0.13vw;
    left: 7.6vw;
    font-size: 4.4vw;
}

.num {
    position: absolute;
    top: 297.63vw;
    letter-spacing: 0.13vw;
    left: 7.6vw;
    font-size: 4.4vw;
}

.shi1 {
    position: absolute;
    top: 344.75vw;
    color: #c0c1c2;
    letter-spacing: 0.13vw;
    right: 17.2vw;
    font-size: 3.38vw;
}

.shi2 {
    position: absolute;
    top: 367.25vw;
    color: #c0c1c2;
    letter-spacing: 0.13vw;
    right: 17.2vw;
    font-size: 3.38vw;
}

.shi3 {
    position: absolute;
    top: 389.85vw;
    color: #c0c1c2;
    letter-spacing: 0.13vw;
    right: 17.2vw;
    font-size: 3.38vw;
}

.shi4 {
    position: absolute;
    top: 421.05vw;
    color: #c0c1c2;
    letter-spacing: 0.13vw;
    right: 17.2vw;
    font-size: 3.38vw;
}